<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/find.css">
    <title>团购网发现</title>
</head>
<body>
    <header>
           <!-- 头部内容 -->
      <div class="h_top">
        <ul>
            <li><a href="./sort.html">Back</a> </li>
            <li>发现</li>
            <li>
               <select>
                   <option value="广州市">广州市</option>
                   <option value="深圳市">深圳市</option>
                   <option value="北京市">北京市</option>
               </select>
                <!-- 三角形 -->
               <i></i>
            </li>
        </ul>
           <!-- 搜索框 -->
      <div class="inp">
        <input type="text" placeholder="请输入商品名称">

    </div>
     </div>
       <!-- 搜索记录 -->
     <div class="record">
       <ul>
           <li>大家都在搜</li>
           <li>
            <p>
                <a href="">寿司</a>
                <a href="">羽毛球</a>
                <a href="">火锅</a>
                <a href="">游泳馆</a>
            </p>
            <p>
                <a href="">电影</a>
                <a href="">周黑鸭</a>
                <a href="">KTV</a>
                <a href="">肯德基</a>

            </p>
             
           </li>
       </ul>
     </div>
   
    </header>

     <!-- 内容 -->
    <main>
        <!-- 热门搜索 -->
          <div class="m_search" >
            <div class="m_sea-1">
                <p> <img src="./images/find/热门搜索.png" alt=""> <span>热门搜索</span>  </p>
                <p><span> 更多</span><img src="./images/find/更多.png" alt=""></p>
             </div>

             <div class="m_sea-2">
                 <img src="./images/find/搜索1.png" alt="">
                 <div class="sea-rl">
                   <img src="./images/find/搜索2.png" alt="">
                   <p>
                       <img src="./images/find/搜索3.png" alt="">
                       <img src="./images/find/搜索4.png" alt="">
                   </p>
                 </div>

             </div>
          </div>
          <!-- 推荐搜索 -->
          <div class="m_bt">

            <div class="m_bt-1">
                <p> <img src="./images/find/推荐搜索.png" alt=""> <span>推荐搜索</span>  </p>
                <p><span> 更多</span><img src="./images/find/更多.png" alt=""></p>
             </div>

             <!-- 图片 -->
             <div class="m_bt-2">
                 <img src="./images/find/底部1.png" alt="">
                 <img src="./images/find/底部2.png" alt="">
                 <img src="./images/find/底部3.png" alt="">
             </div>
          </div>
    </main>


    <!-- 底部导航栏 -->
    <nav>
        <div class="bt">
          <p>
             <a href="./index.html">
                <img src="./images/find/首页.png" alt="">
                <span>首页</span>
             </a> 
          </p>

          <p>
              <a href="./sort.html">
              <img src="./images/find/分类.png" alt="">
                <span>分类</span>
              </a>
          </p>

          <p>
            <a href="./find.html">
              <img src="./images/find/发现.png" alt="">
              <span>发现</span>
            </a>
          </p>
          
          <p>
            <a href="./admin.html">
              <img src="./images/find/我的.png" alt="">
              <span>我的</span>
            </a>

          </p>
        </div>
    </nav>
</body>
</html>